@keyframes animtran {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}

@keyframes animtrans {
    from {
        transform: rotateZ(360deg);
    }
    to {
        transform: rotateZ(0deg);
    }
}

@-webkit-keyframes animtran {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes animtrans {
    from {
        transform: rotateZ(360deg);
    }
    to {
        transform: rotateZ(0deg);
    }
}

#advert {
    width: 8rem;
    height: 8rem;
    position: relative;
}

#advert .bg1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1rem;
    left: 0.2rem;
    z-index: 10;
}

#advert .bg1 .divwarp {
    width: 70%;
    height: 70%;
    /* border: #ccc 1px solid; */
    border-radius: 50%;
    position: relative;
    animation: animtran 32s linear infinite;
    -webkit-animation: animtran 32s linear infinite;
    /* background: url('../img/20211223105307.png') no-repeat center; */
}

#advert .bg1 .iconimg {
    position: absolute;
    animation: animtrans 32s linear infinite;
    -webkit-animation: animtrans 32s linear infinite;
}

#advert .bg1 .iconimg img {
    width: 2rem;
}

#advert .bg1 .iconimg p {
    text-align: center;
    color: #fff;
    font-size: 0.2rem;
    margin-top: -0.4rem;
}

#advert .bg1 .icon01 {
    bottom: -0.35rem;
    left: 0.5rem;
}

#advert .bg1 .icon02 {
    top: 2.1rem;
    left: -0.95rem;
}

#advert .bg1 .icon03 {
    top: -0.19rem;
    left: 0.4rem;
}

#advert .bg1 .icon04 {
    top: -0.3rem;
    right: 0.44rem;
}

#advert .bg1 .icon05 {
    top: 2.15rem;
    right: -1rem;
}

#advert .bg1 .icon06 {
    bottom: -0.3rem;
    right: 0.5rem;
}

#advert .content {
    width: 130px;
    height: 50px;
    background: linear-gradient(to right, #fa71ad, #c77dd1);
    position: absolute;
    z-index: 11;
    left: 85px;
    top: 125px;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    box-shadow: #f6f6f6 8px 8px 8px 4px;
    cursor: pointer;
}

#advert .bg2 {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 1.75rem;
    left: 1.1rem;
    z-index: 10;
}

#advert .bg2 img {
    width: 4rem;
}